<!--
  描述：家庭关系和联系人table页
  @author tanghongjun
  @since 2020-05-14 10:48:18
-->
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

<!--表格id与lay-filter属性一致，统一定义为zmn-table-->
<table class="layui-hide" id="zmn-table" lay-filter="zmn-table" th:fragment="table">
    <thead>
    <tr>
        <!--规定复选框列置于第1列，居中显示-->
        <th lay-data="{field:'familyId',type:'checkbox', width:50, unresize:true, align:'center', fixed:'left'}"></th>
        <th lay-data="{field:'familyName', unresize:true, align:'center'}">姓名</th>
        <th lay-data="{field:'relation', unresize:true, align:'center'}">关系</th>
        <th lay-data="{field:'sexType', unresize:true, align:'center'}">性别</th>
        <th lay-data="{field:'birthday', unresize:true, align:'center'}">生日</th>
        <th lay-data="{field:'mobile', unresize:true, align:'center'}">手机号</th>
        <th lay-data="{field:'emergencyContact', unresize:true, align:'center'}">是否紧急联系人</th>
        <!--规定操作列置于最后-->
        <th lay-data="{field:'操作', width:140, unresize:true, align:'center', fixed:'right'}">操作</th>
        <!--其他规范
            值较大的数字列居右显示，并使用千分号；值较小的数字列可居中显示，
            金额列统一居右显示，默认精确到小数点后2位，并使用千分号，
            通常情况下，时间或日期列靠后放置(操作列前)，居中显示
            -->
    </tr>
    </thead>
    <tbody>
    <tr th:each="item:${items}">
        <td></td>
        <td th:text="${item.familyName}">familyName</td>
        <td th:text="${T(com.zmn.plat.common.dictionary.StaffFamilyDict).getFamilyName(item.relation)}">relation</td>
        <td th:text="${T(com.zmn.plat.common.dictionary.StaffFamilyDict).getSexTypeName(item.sexType)}">sexType</td>
        <td th:text="${T(com.zmn.common.utils.date.DateUtil).toString(item.birthday, 'yyyy-MM-dd')}">birthday</td>
        <td th:text="${item.mobile}">mobile</td>
        <td th:text="${item.emergencyContact == 2?'是':'否'}">emergencyContact</td>
        <td>
            <div>
                <a th:if="${#authPermit.checkPermit('/staff/stafffamily/addEditView.action')}" style="color: #00a0e9"
                   th:onclick="modifyStaffFamily([[${item.staffId}]], [[${item.familyId}]]);"
                   lay-text="修改" text="修改">修改</a>&nbsp;&nbsp;
            </div>
        </td>
    </tr>
    </tbody>
</table>
